<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <form>
        用户名: <input type="text" /><br> 密 码: <input type="password" /><br> 爱 好:
        <input type="checkbox" checked="checked" />篮球
        <input type="checkbox" checked="checked" />足球
        <input type="checkbox" checked="checked" />羽毛球 <br> 性 别:
        <input type="radio" name="sex" value='male' />男
        <input type="radio" name="sex" value='female' />女<br> 邮 箱: <input type="text" name="email" disabled="disabled" /><br> 所在地:
        <select>
            <option value="1">北京</option>
            <option value="2" selected="selected">天津</option>
            <option value="3">河北</option>
        </select><br>
        <input type="submit" value="提交" />
    </form>
    <script>
        //  需求:
        //  1. 选择不可用的文本输入框
        //  2. 显示选择爱好 的个数
        //  3. 显示选择的城市名称
    </script>
</body>

</html>